<template>
  <div :class="'com-button com-button-' + align">
    <el-button v-bind="$attrs" v-on="$listeners">{{ buttonText }}</el-button>
  </div>
</template>
<script>
export default {
  props: {
    align: {
      default: "left",
    },
    buttonText: {
      default: "",
    },
  },
};
</script>
<style lang="scss" scoped>
.com-button {
  width: 100%;
  &.com-button-left {
    text-align: left;
  }
  &.com-button-center {
    text-align: center;
  }
  &.com-button-right {
    text-align: right;
  }
}
</style>
